<div fxLayoutAlign="center center" fxFill>

    <form id="login-form" fxLayout="column" fxFlex="330px">
        <h1>login page</h1>
        <mat-form-field class="mt20">
            <input matInput type="text" placeholder="username" [(ngModel)]="user.username" name="username">
        </mat-form-field>

        <mat-form-field class="mt20">
            <input matInput type="password" placeholder="password" [(ngModel)]="user.password" name="password">
        </mat-form-field>
        <button class="mt20" mat-raised-button color="primary" (click)="login()">sign in</button>
    </form>
</div>